<div >
    <form class="form-horizontal" role="form" novalidate name="stForm" ng-switch on="translate.timeTypeCode.timeTypeCode">
        <div class="form-ctrl md-whiteframe-z1">
            <div class="form-search" style="height:225px;" ng-class="{true: 'shou'}[shoumun==0]" >
                <div>
                    <label style="width:70px">号码归属地</label>
                    <md-select multiple ng-model="numberRecycle.province" >
                        <md-select-label>
                            {{numberRecycle.province.length ? _getNames(numberRecycle.province,'provinceName',provinces) :'全部'}}
                        </md-select-label>
                        <md-option ng-value="" ng-click="_checkAll(numberRecycle,'province')">全部</md-option>
                        <md-option ng-value="province" ng-repeat="province in provinces">{{province.provinceName}}</md-option>
                    </md-select>
                </div>
           </div>
           <i class="glyphicon glyphicon-chevron-up shrinkage" ng-click="shoumun=0"></i>
            <md-button ng-click="queryAllChannel()" ng-click="shoumun==1?shoumun=0:shoumun=1" class="md-fab md-primary md-hue-1" ng-disabled ='stForm.$invalid' aria-label="Profile">
                <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0"></i>
                <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
            </md-button>
        </div>
    </form>
    <div style="text-align: center" >
       <h3 style="margin-top:0;font-size:large;font-weight:bold;color:black">
         号码利用率情况 
      </h3>
      </div>
    <div class="table-info"   ng-show='!lengthSwitch'>
        <div>
            <div class="table-detail">
                <div class="t_r">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th width='10%'>号码归属地</th>
                            <th width='10%'>已申请号码量</th>
                            <th width="10%">已使用号码量</th>
                            <th width="10%" >未使用号码量</th>
                            <th width="10%" >可回收号码量</th>
                            <th width="10%" >号码利用率%</th
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="item in items">
                            <td width="10%" >{{item.provinceName}}</td>
                            <td width="10%" >{{item.numberApplicationAlready }}</td>
                            <td width="10%" >{{item.numberHasBeen }}</td>
                            <td width="10%" >{{item.numberUnused }}</td>
                            <td width="10%" >{{item.numberRecyclablel}}</td>
                            <td width="10%" >{{item.utilization}}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div id="pboss" style='height:550px;padding-bottom:20px'></div>
    </div>
</div>
